<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Enquiry Form</title>
  <link href="../include/css/style_inner_pages.css" rel="stylesheet" type="text/css" />
  <!--[if IE]>
  <style type="text/css"> 
  /* place css fixes for all versions of IE in this conditional comment */
  .twoColLiqRtHdr #sidebar1 { padding-top: 30px; }
  .twoColLiqRtHdr #mainContent { zoom: 1; padding-top: 15px; }
  /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
  </style>
  <![endif]-->
  <script type="text/javascript" src="../include/js/enquiry_validations.js"></script>
</head>
<body class="twoColLiqRtHdr">
<div id="container">
  <?php include('../include/header/header.php');?>
  <div id="headerImage" align="center"><!--HEADER IMAGE DIV START-->
    <img src="../include/images/contact_us_hdr.jpg" alt="our_team" height="180" width="780"/>
  </div><!--HEADER IMAGE  DIV END-->
  <?php include('../menubar.php');?>
  <div id="sidebar1">
    <?php include('../sdmenu/sdmenu.php')?>
  </div>
  
  <div id="mainContent"> <span class="sectionhead"></span>
    <table bgcolor="#333333" align="center" class="feedbacktab">
      <tr align="center">
        <th colspan="2" class="tabhead">Enquiry Form </th>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td class="cellstyle"> Username: </td>
        <td ><input type="text" size="20" maxlength="30" id="username_id" onblur="validateUsername(this.value)" /></td>
      </tr>
      <tr>
        <td colspan="2" align="center" class="errormsg"><span id="username"></span></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td  class="cellstyle"> Email: </td>
        <td ><input type="text" size="30" maxlength="50" id="email_id" onblur="validateEmail(this.value)" /></td>
      </tr>
      <tr>
        <td colspan="2" align="center" class="errormsg"><span id="email"></span></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td class="cellstyle"> Contact: </td>
        <td><input type="text" size="20" maxlength="15" id="contact_id" onblur="validateContact(this.value)" /></td>
      </tr>
      <tr>
        <td colspan="2" align="center" class="errormsg"><span id="contact"></span></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td  class="cellstyle"> Enquiry Details: </td>
        <td><textarea rows="3" cols="23" onblur="validateDescription(this.value)" id="description_id"></textarea></td>
      </tr>
      <tr>
        <td colspan="2" align="center" class="errormsg"><span id="description"></span></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td class="cellstyle"> Enquiry for: </td>
        <td ><textarea rows="2" cols="23" onblur="validateDetails(this.value)" id="details_id"></textarea></td>
      </tr>
      <tr>
        <td colspan="2" align="center" class="errormsg"><span id="details"></span></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td align="center" colspan="2" class="cellstyle"><input type="submit" value="Submit" onclick="validateUsername(document.getElementById('username_id').value);validateDescription(document.getElementById('description_id').value)"/>
          <input type="reset" value="Reset" /></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
    </table>
    <table>
    </table>
  </div><!-- end #mainContent -->
  <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
  <br class="clearfloat" />
  <?php include('../include/footer/footer.php'); ?>
</div><!-- end #container -->
</body>
</html>